<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的合伙人</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css"/>
    <style>
        html{
            overflow: hidden;
        }
        body {
            font-size: 14px;
            background: #f3f3ff;
            /*overflow: hidden;*/
            /*height: 100%;*/
        }

        header {
            background: url(../../image/buyer.jpg);
            position: relative;
            /*padding: 12% 5%;*/
            color: #fff;
            font-weight: 400;
            overflow: hidden;
        }

        header .aui-input-row:first-child:after {
            border: none;
        }

        header .aui-border-r:after {
            bottom: -60%;
            top: 18%;
        }

        header .imgRadius {
            border-radius: 50%;
            width: 80px;
            overflow: hidden;
            height: 80px;
            margin-right: 15px;
            float: left;
        }

        header .imgRadius img {
            width: 100%;
        }

        .divCell {
            /*display: table-cell;*/
            vertical-align: middle;
            float: left;
            margin-top: 5px;
        }

        .divTable {
            /*overflow: hidden;*/
            /*margin-bottom: 15px;*/
            /*margin-top: 80px;*/
            float: left;
            /*padding: 20px;*/
        }

        .my-menu {
            /*position: absolute;*/
            width: 100%;
            height: 45px;
            line-height: 45px;
            left: 0;
            bottom: 0;
            text-align: center;
            background: #ffffff;
            filter: Alpha(opacity=50);
            background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;
            color: #ffffff;
            font-size: 14px;
            float: left;
        }

        span.menuRight {
            display: block;
            background: #ff3333;
            border-radius: 5px;
            color: #fff;
            padding: 1px 8px;
        }

        .aui-grid-sixteen li p {
            font-size: 12px;
        }

        .aui-list-view {
            margin-bottom: 0;
        }

        .aui-badge {
            background: none;
        }

        .my-nav {
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        .my-nav p {
            font-size: 12px;
        }

        .my-nav.aui-grid-sixteen li:after {
            border: none
        }

        .my-nav li {
            padding: 0;
        }

        .my-nav.aui-grid-sixteen li .aui-iconfont {
            height: 30px;
            color: #9c9c9c;
        }

        .aui-list-view-cell:last-child:after {
            border: none;
        }

        .aui-grid-sixteen:after {
            /*border:none;*/
        }

        .w20 {
            width: 20%;
        }

        .aui-badge {
            color: #9c9c9c;
        }

        .aui-list-view i.aui-iconfont {
            border-radius: 50%;
        }

        .aui-list-view .renzheng {
            background: #ff8470 !important;
        }

        .aui-list-view .dingdan {
            background: #ffcb3d !important;
        }

        .aui-list-view .fabu {
            background: #8ca6c6 !important;
        }

        .aui-list-view .fapiao {
            background: #ffa544 !important;
        }

        .aui-list-view .shouhuo {
            background: #58c3a8 !important;
        }

        .aui-list-view .shoucang {
            background: #75d38f !important;
        }

        .aui-list-view .saoma {
            background: #f58daf !important;
        }

        .aui-list-view .yijian {
            background: #baa3d3 !important;
        }

        .aui-list-view .shezhi {
            background: #84a9cc !important;
        }

        .aui-list-view .tuijian {
            background: #6bc180 !important;
        }

        .my-list {
            margin-bottom: 10px;
        }

        .aui-list-view:after {
            top: 100%;
        }
        .aui-list-view:last-of-type{
            margin: 0;
        }
        .contains{
            overflow: hidden;
        }
        header .aui-list-view{
            float: left;
            width: 100%;
            color: #000;
        }
        header .aui-border-b:after{
            border-bottom: 1px solid #c8c7cc !important;
        }
    </style>
</head>
<body>
<header>
    <div class="divTable">
        <div style="margin: 20px;overflow: hidden;">
            <div class="imgRadius">
                <img src="../../image/touxiang.jpg">
            </div>
            <div class="name divCell">平台账号：fenglong</div>
            <div class="name divCell">会员等级：金牌卖家</div>
            <div class="name divCell">上次登录时间：2016-11-15</div>
        </div>
    </div>
    <div class="my-menu">
        <div class="aui-col-xs-6 aui-border-r buyer">平台积分：600</div>
        <div class="aui-col-xs-6">我的推荐人：25人</div>
    </div>
    <ul class="aui-list-view ">
        <li class="aui-list-view-cell aui-border-b">
            合伙返佣：<em class="active">￥1000.00</em>
            <span class="menuRight" tapmode onclick="openToTwo('tixian')">提现</span>
        </li>
    </ul>
</header><!-- /header -->
<div class="contains">
    <div >
        <ul class="aui-list-view my-list">
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('myTeamRebate')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-punch aui-bg-info fapiao"></i>我的合伙详情
                </a>
            </li>
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('myTeamList')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-group aui-bg-info shoucang"></i>我的合伙人团队
                </a>
            </li>
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('myShare')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-friend  aui-bg-info shouhuo"></i>邀请好友领取
                </a>
            </li>
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('myTeamRich')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-rankfill aui-bg-info saoma"></i>平台合伙人富豪榜
                </a>
            </li>
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('orderManage')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-form aui-bg-info shezhi"></i>我的订单
                </a>
            </li>
            <li class="aui-list-view-cell" tapmode onclick="openToTwo('myShare')">
                <a class="aui-arrow-right">
                    <i class="aui-iconfont aui-icon-appreciate aui-bg-info tuijian"></i>我要推荐
                </a>
            </li>
        </ul>
        <ul class="aui-list-view my-list ">
            <li class="aui-list-view-cell aui-text-center active" tapmode onclick="closeWin()">
                返回
            </li>
        </ul>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/myInfo.js"></script>
<script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../script/iscroll.js"></script>
<script type="text/javascript">
    var imgBase64;
    apiready = function () {
        api.parseTapmode();
        //getInfo();
    }
    $(function () {
        $(".contains").height(getContainsH())
        var iscroll=new IScroll(".contains",{
            click:true,
            probeType:1,
            mouseWheel:true
        })
    })
    function getContainsH() {
        var bodyH=$("body").height();
        var headerH=$("header").height();
        return bodyH-headerH;
    }
</script>
</html>